.service-flow {
	padding: 60px 0 !important;
	.services {
		margin-top: 54px;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 1vw;
		.service {
			height: 240px;
			overflow: hidden;
			position: relative;
			border: 1px solid #fff;
			box-shadow: 0 0 18px rgba(0, 0, 0, 0.8);
			transition: 0.5s;
			&::after {
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				content: '';
				background-color: var(--text-color-darker);
				opacity: 0.6;
				transition: 0.5s;
			}
			&:hover {
				box-shadow: none;
				&::after {
					opacity: 0;
				}
				img {
					transform: scale(1);
				}
			}
			img {
				height: 100%;
				object-fit: cover;
				transform: scale(1.2);
				transition: 0.5s;
			}
		}
	}
}
